<template>
    <div class="container-fluid">
      <headers :userInfo="true"></headers>
      <div class="inventory row">
        <div class="col-xs-6">当前库存砖石：{{ nowStockBrick }}</div>
        <div class="col-xs-6 text-right">本月销售砖石：{{ thisMonthSellBrick }}</div>
      </div>
      <div class="notice row">
        <div class="col-xs-12">
          <h4 class="notice-tit">公告</h4>
          <div class="content">阿斯京东方阿萨德附近，阿斯蒂芬拉动房价，圣诞节反抗as飞机离开，阿斯科大夫艰苦阿斯蒂芬揭开了！</div>
        </div>
      </div>
      <div class="handle-box row">
        <div class="handle-link recharge-color col-xs-6">
          <span>充值</span>
          <router-link to="/recharge"><img src="../../assets/1_03.png" alt="充值"></router-link>
        </div>
        <div class="handle-link market-color col-xs-6">
          <span>销售</span>
          <router-link to="/market"><img src="../../assets/1_05.png" alt="销售"></router-link>
        </div>
      </div>
      <div class="handle-box row">
        <div class="handle-link agency-color col-xs-6">
          <span>代理</span>
          <router-link to="/agency"><img src="../../assets/1_10.png" alt="代理"></router-link>
        </div>
        <div class="handle-link userinfo-color col-xs-6">
          <span>个人信息</span>
          <router-link to="/personal"><img src="../../assets/1_12.png" alt="个人信息"></router-link>
        </div>
      </div>
    </div>
</template>
<script>
  import Headers from '../../components/Header';
  import main from '../../commonJs/main';
  import {mapActions,mapGetters} from 'vuex';
  import {userContent} from '../../service/getData';
  /*import { Tabbar, TabItem } from 'mint-ui';*/

  export default{
    data(){
      return {
        headerTitle:"首页",
        returnStatus:false,
        nowStockBrick:null,
        thisMonthSellBrick:null
      }
    },
    components:{
      Headers
    },
    mounted(){
      let _this = this;
      this.$nextTick(function(){
        _this.headers();
        _this.nowStockBrick = userContent.userInfo.nowStockBrick;
        _this.thisMonthSellBrick = userContent.userInfo.thisMonthSellBrick;


      })
    },
    computed:{
      ...mapGetters([
        'headerStatus'
      ])
    },
    methods:{
      ...mapActions([
        'addFn'
      ]),
      getData(){
        //this.list = this.$store.state.dataList;
      },
      headers(){
        this.headerStatus.headerTitle = this.headerTitle;
        this.headerStatus.returnStatus = this.returnStatus;
      }
    }
  }
</script>
<style scoped lang="less">
  @import "../../style/main";


</style>
